<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>属性选择器</title>
    <style>
        /* [属性名]选择含有指定属性的元素
            [属性名=属性值]选择含有指定属性和属性值的元素
            [属性名^=属性值]选择属性值以指定值开头的元素
            [属性名$ = 属性值]选择属性值以指定值结尾的元素
            [属性名*=属性值]选择属性值中含有某值的元素 */
        p[title]{
            color: red;
        }
    </style>
</head>
<body>
    <p title="abc"> 时候大V想想就显</p>
    <p title="abcdef"> gtg大V想想就显</p>
    <p  title="hello"> 时候大V想berb显</p>
    <p> 时候大rb显</p>
    <p> 时候大Vv显</p>
</body>
</html>